<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Industrial & Factory Bootstrap 5 Template</title>

    <!-- ::::::::::::::Favicon icon::::::::::::::-->
    

    <!-- ::::::::::::::All CSS Files here :::::::::::::: -->
    <!-- Vendor CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/icofont.min.css"> -->

    <!-- Plugin CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/venobox.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css"> -->

    <!-- Main CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="static/css/vendor.min.css">
    <link rel="stylesheet" href="static/css/plugins.min.css">
    <link rel="stylesheet" href="static/css/style.min.css">
</head>

<body>

    <main class="main-wrapper">

        <!-- .....:::::: Start Header Section :::::.... -->
        <header class="header-section d-none d-lg-block">

            <!-- Start Header Top -->
            <div class="header-top">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Top Left  -->
                            <div class="header-top-left">
                                <p>Welcome to our company.</p>
                            </div>
                            <!-- End Header Top Left  -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Top Right  -->
                            <div class="header-top-right">
                                <p> <span class="text">Opening Hours: </span> <span>Mon - Sat </span> || <span>08:00 am
                                        - 05:00 pm</span></p>
                            </div>
                            <!-- End Header Top Right  -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Top -->

            <!-- Start Header Bottom -->
            <div class="header-bottom sticky-header">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <div class="logo"><a href=""><img src="static/picture/logo.png" alt=""></a>
                            </div>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <ul class="header-nav">
                                <li><a href="">Home</a></li>
                                <li class="has-dropdown">
                                    <a href="service-list.html">Service</a>
                                    <ul class="submenu">
                                        <li><a href="service-list.html">Services</a></li>
                                        <li><a href="service-details.html">Service Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="project-list.html">Project</a>
                                    <ul class="submenu">
                                        <li><a href="project-list.html">Project</a></li>
                                        <li><a href="project-details.html">Project Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="blog-list.html">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="blog-list.html">Blog List Full Width</a></li>
                                        <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                        <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                        <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                        <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                        <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="#">Pages</a>
                                    <ul class="submenu">
                                        <li><a href="404-page.html">404 Page</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="about.html">About Us</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Social Link -->
                            <ul class="social-link social-link-white">
                                <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                            </ul>
                            <!-- Start Header Social Link -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Bottom -->
        </header>
        <!-- .....:::::: End Header Section :::::.... -->

        <!-- .....:::::: Start Mobile Header Section :::::.... -->
        <div class="mobile-header d-block d-lg-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <div class="mobile-logo">
                        <a href=""><img src="static/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div class="mobile-action-link text-end">
                        <a href="#mobile-menu-offcanvas" class="offcanvas-toggle offside-menu"><i class="icofont-navigation-menu"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: Start MobileHeader Section :::::.... -->

        <!--  Start Offcanvas Mobile Menu Section -->
        <div id="mobile-menu-offcanvas" class="offcanvas offcanvas-rightside offcanvas-mobile-menu-section">
            <!-- Start Offcanvas Header -->
            <div class="offcanvas-header text-end">
                <button class="offcanvas-close"><i class="icofont-close-line"></i></button>
            </div> <!-- End Offcanvas Header -->
            <!-- Start Offcanvas Mobile Menu Wrapper -->
            <div class="offcanvas-mobile-menu-wrapper">
                <!-- Start Mobile Menu  -->
                <div class="mobile-menu-bottom">
                    <!-- Start Mobile Menu Nav -->
                    <div class="offcanvas-menu">
                        <ul>
                            <li>
                                <a href=""><span>Home</span></a>
                            </li>
                            <li>
                                <a href="#"><span>Services</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="service-list.html">Service List</a></li>
                                    <li><a href="service-details.html">Service Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Project</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="project-list.html">Project List</a></li>
                                    <li><a href="project-details.html">Project Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Blog</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="blog-list.html">Blog List Full Width</a></li>
                                    <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                    <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                    <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                    <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Pages</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="404-page.html">404 Page</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html"><span>Contact</span></a>
                            </li>
                        </ul>
                    </div> <!-- End Mobile Menu Nav -->
                </div> <!-- End Mobile Menu -->

                <!-- Start Mobile contact Info -->
                <div class="mobile-contact-info text-center">
                    <ul class="social-link social-link-white">
                        <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                    </ul>
                </div>
                <!-- End Mobile contact Info -->

            </div> <!-- End Offcanvas Mobile Menu Wrapper -->
        </div>
        <!-- ...:::: End Offcanvas Mobile Menu Section:::... -->

        <!-- Offcanvas Overlay -->
        <div class="offcanvas-overlay"></div>

        <!-- .....:::::: Start Hero Section :::::.... -->
        <div class="hero-section ">
            <div class="hero-wrapper">
                <!-- Slider main container -->
                <div class="hero-slider-active swiper-container">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Start Hero Single ItemSlides -->
                        <div class="hero-slider-single-item swiper-slide">
                            <!-- Hero Background -->
                            <div class="hero-bg">
                                <img src="static/picture/hero-slider-1.jpg" alt="">
                            </div>
                            <!-- Hero Content -->
                            <div class="hero-content">
                                <div class="container">
                                    <div class="col-xl-8 col-lg-10 offset-lg-1 col-12">
                                        <div class="content-box">
                                            <h4 class="sup-title">Started FroM : 1998</h4>
                                            <h2 class="title">Best industrial</h2>
                                            <h3 class="sub-title">SOLUTION FOR YOUR COMPANY</h3>

                                            <a href="service-list.html" class="btn btn-lg btn-primary">All Services <i class="icofont-double-right icon-space-left"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Hero Single ItemSlides -->
                        <!-- Start Hero Single ItemSlides -->
                        <div class="hero-slider-single-item swiper-slide">
                            <!-- Hero Background -->
                            <div class="hero-bg">
                                <img src="static/picture/hero-slider-2.jpg" alt="">
                            </div>
                            <!-- Hero Content -->
                            <div class="hero-content">
                                <div class="container">
                                    <div class="col-xl-8 col-lg-10 offset-lg-1 col-12">
                                        <div class="content-box">
                                            <h4 class="sup-title">Started FroM : 1998</h4>
                                            <h2 class="title">Best industrial</h2>
                                            <h3 class="sub-title">SOLUTION FOR YOUR COMPANY</h3>

                                            <a href="service-list.html" class="btn btn-lg btn-primary">All Services <i class="icofont-double-right icon-space-left"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Hero Single ItemSlides -->
                        <!-- Start Hero Single ItemSlides -->
                        <div class="hero-slider-single-item swiper-slide">
                            <!-- Hero Background -->
                            <div class="hero-bg">
                                <img src="static/picture/hero-slider-3.jpg" alt="">
                            </div>
                            <!-- Hero Content -->
                            <div class="hero-content">
                                <div class="container">
                                    <div class="col-xl-8 col-lg-10 offset-lg-1 col-12">
                                        <div class="content-box">
                                            <h4 class="sup-title">Started FroM : 1998</h4>
                                            <h2 class="title">Best industrial</h2>
                                            <h3 class="sub-title">SOLUTION FOR YOUR COMPANY</h3>

                                            <a href="service-list.html" class="btn btn-lg btn-primary">All Services <i class="icofont-double-right icon-space-left"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Hero Single ItemSlides -->
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination"></div>

                </div>
            </div>
        </div>
        <!-- .....:::::: End Hero Section :::::.... -->

        <!-- .....:::::: Start Promo Section :::::.... -->
        <div class="promo-section">
            <div class="promo-wrapper">
                <!-- Start Single Promo Singel Item -->
                <div class="promo-single-item">
                    <div class="box">
                        <div class="icon">
                            <img src="static/picture/promo-icon-1.png" alt="">
                        </div>
                        <div class="content">
                            <h4 class="title">Smart Solution</h4>
                            <p>Lorem Ipsum is simply dummy text of the
                                printing and typesetting industry.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Promo Singel Item -->
                <!-- Start Single Promo Singel Item -->
                <div class="promo-single-item">
                    <div class="box">
                        <div class="icon">
                            <img src="static/picture/promo-icon-2.png" alt="">
                        </div>
                        <div class="content">
                            <h4 class="title">Award Winning</h4>
                            <p>Lorem Ipsum is simply dummy text of the
                                printing and typesetting industry.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Promo Singel Item -->
                <!-- Start Single Promo Singel Item -->
                <div class="promo-single-item">
                    <div class="box">
                        <div class="icon">
                            <img src="static/picture/promo-icon-3.png" alt="">
                        </div>
                        <div class="content">
                            <h4 class="title">Great Support</h4>
                            <p>Lorem Ipsum is simply dummy text of the
                                printing and typesetting industry.</p>
                        </div>
                    </div>
                </div>
                <!-- End Single Promo Singel Item -->
            </div>
        </div>
        <!-- .....:::::: End Promo Section :::::.... -->

        <!-- .....:::::: Start About-Display Section :::::.... -->
        <div class="about-display-section section-top-space">
            <div class="about-display-wrapper">
                <div class="container">
                    <div class="box">
                        <!-- Start About Display Background -->
                        <div class="image">
                            <img src="static/picture/about-display-bg.jpg" alt="">
                        </div>
                        <!-- End About Display Background -->

                        <!-- Start About Display Inner Content -->
                        <div class="content">
                            <div class="left">
                                <h4 class="sup-title text-gradient">ABOUT COMPANY</h4>
                                <h2 class="title">CONNECT WITH <span class="orange-text-marker-dark">INDUSTE.</span>
                                </h2>
                                <h3 class="sub-title">WE HAVE <span class="orange-text-marker-light">28 YEARS</span> OF
                                    EXPERIENCE
                                    with 100% job success.</h3>
                            </div>
                            <div class="right">
                                <p>Lorem Ipsum is simply dummy text of the printing
                                    and typesetting industry. Lorem Ipsum has been the
                                    industry's standard printer.</p>
                                <p>Lorem Ipsum is simply dummy text of the printing
                                    and typesetting industry. Lorem Ipsum has been the
                                    industry's standard printer.</p>
                                <p>Lorem Ipsum is simply dummy text of the printing
                                    and typesetting industry.</p>
                            </div>
                        </div>
                        <!-- End About Display Inner Content -->
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End About-Display Section :::::.... -->

        <!-- .....:::::: Start Service Display Section :::::.... -->
        <div class="service-display-section section-top-space">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space text-center">
                            <h4 class="title-tag text-gradient">OUR SERVICES</h4>
                            <h2 class="title">WHAT WE DO?</h2>
                        </div>
                        <!-- End Section Content -->
                    </div>
                </div>

                <div class="service-display-wrapper">
                    <div class="row">
                        <div class="col-12 service-plus-icon-seperator">
                            <!-- Start Service Single Item -->
                            <div class="service-single-item">
                                <div class="icon">
                                    <img class="img-fluid" src="static/picture/service-icon-1.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title">Industrial Manufacturing</h4>
                                    <a href="service-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>details <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Service Single Item -->
                            <!-- Start Service Single Item -->
                            <div class="service-single-item">
                                <div class="icon">
                                    <img class="img-fluid" src="static/picture/service-icon-2.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title">Automotive Manufacturing</h4>
                                    <a href="service-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>details <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Service Single Item -->
                            <!-- Start Service Single Item -->
                            <div class="service-single-item">
                                <div class="icon">
                                    <img class="img-fluid" src="static/picture/service-icon-3.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title">Mechanical Engineering</h4>
                                    <a href="service-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>details <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Service Single Item -->
                            <!-- Start Service Single Item -->
                            <div class="service-single-item">
                                <div class="icon">
                                    <img class="img-fluid" src="static/picture/service-icon-4.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title">Building Management</h4>
                                    <a href="service-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>details <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Service Single Item -->
                        </div>
                    </div>
                    <div class="row">
                        <div class="col text-center p-t-100">
                            <a href="service-list.html" class="btn btn-lg btn-primary">Others Service <i class="icofont-double-right icon-space-left"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- .....:::::: End Service Display Section :::::.... -->

        <!-- .....:::::: Start Working-Process Display Section :::::.... -->
        <div class="working-process-display-section section-top-space section-inner-gap section-inner-bg pos-relative overflow-hidden">
            <div class="working-process-shape"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Start Section Content -->
                        <div class="section-content mb-0 mb-md-6">
                            <h4 class="title-tag text-gradient">WORKING PROCESS</h4>
                            <h2 class="title">HOW IT WORKS?</h2>
                        </div>
                        <!-- End Section Content -->
                    </div>
                    <div class="working-process-display-wrapper">
                        <div class="row">
                            <div class="col-12">
                                <!-- Start Working Process Single Item -->
                                <div class="working-process-single-item pos-absolute">
                                    <div class="box">
                                        <div class="icon">
                                            <img class="img-fluid" src="static/picture/working-process-icon-1.png" alt="">
                                        </div>
                                        <div class="content">
                                            <h3 class="title">Planing</h3>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Working Process Single Item -->

                                <!-- Start Working Process Single Item -->
                                <div class="working-process-single-item pos-absolute">
                                    <div class="box">
                                        <div class="icon">
                                            <img class="img-fluid" src="static/picture/working-process-icon-2.png" alt="">
                                        </div>
                                        <div class="content">
                                            <h3 class="title">Development</h3>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Working Process Single Item -->

                                <!-- Start Working Process Single Item -->
                                <div class="working-process-single-item pos-absolute">
                                    <div class="box">
                                        <div class="icon">
                                            <img class="img-fluid" src="static/picture/working-process-icon-3.png" alt="">
                                        </div>
                                        <div class="content">
                                            <h3 class="title">Launch</h3>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Working Process Single Item -->

                                <!-- Work Processing Arrow -->
                                <div class="working-process-display-arrow arrow-1">
                                    <img src="static/picture/working-process-arrow-1.png" alt="">
                                </div>
                                <div class="working-process-display-arrow arrow-2">
                                    <img src="static/picture/working-process-arrow-2.png" alt="">
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="video-wrapper">
                        <div class="row">
                            <div class="col-12 text-end">
                                <div class="video-btn">
                                    <a class="wave-btn video-play-btn" href="javascript:;" data-autoplay="true" data-vbtype="video">
                                        <span class="icon"><i class="icofont-ui-play text-gradient"></i></span>
                                    </a>
                                    <div class="text">
                                        Watch 2 min <br> Intro Video.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Working-Process Display Section :::::.... -->

        <!-- .....:::::: Start Counter Display Section :::::.... -->
        <div class="counter-display-section section-top-space">
            <div class="container">
                <div class="counter-wrapper">
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="static/picture/sm-user-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">2,589</span></h2>
                            <span class="text">Happy Clients</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="static/picture/sm-gear-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">589</span>K</h2>
                            <span class="text">Projects Done</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="static/picture/sm-coffee-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">3,462</span></h2>
                            <span class="text">Cup of coffee</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->

                    <!--  Colum Separator -->
                    <div class="separator"></div>
                    <div class="separator"></div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Counter Display Section :::::.... -->

        <!-- .....:::::: Start Project Display Section :::::.... -->
        <div class="project-display-section section-top-space section-fluid">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space text-center">
                            <h4 class="title-tag text-gradient">OUR PORTFOLIO</h4>
                            <h2 class="title">SOME PROJECT’S</h2>
                        </div>
                        <!-- End Section Content -->
                    </div>
                </div>
                <div class="project-display-wrapper pos-relative">
                    <div class="row">
                        <div class="col-12">
                            <div class="default-slider default-arrow">
                                <!-- Slider main container -->
                                <div class="swiper-container ">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <!-- Start Project Display Single Item  -->
                                        <div class="default-slider-item project-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="static/picture/project-display-1.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Power Systems</h3>
                                                <span class="catagory">factory / industry</span>
                                                <a href="project-details.html"><img class="img-fluid" src="static/picture/right-arrow.png" alt=""></a>
                                            </div>
                                        </div>
                                        <!-- End Project Display Single Item  -->
                                        <!-- Start Project Display Single Item  -->
                                        <div class="default-slider-item project-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="static/picture/project-display-2.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Power Systems</h3>
                                                <span class="catagory">factory / industry</span>
                                                <a href="project-details.html"><img class="img-fluid" src="static/picture/right-arrow.png" alt=""></a>
                                            </div>
                                        </div>
                                        <!-- End Project Display Single Item  -->
                                        <!-- Start Project Display Single Item  -->
                                        <div class="default-slider-item project-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="static/picture/project-display-3.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Power Systems</h3>
                                                <span class="catagory">factory / industry</span>
                                                <a href="project-details.html"><img class="img-fluid" src="static/picture/right-arrow.png" alt=""></a>
                                            </div>
                                        </div>
                                        <!-- End Project Display Single Item  -->
                                        <!-- Start Project Display Single Item  -->
                                        <div class="default-slider-item project-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="static/picture/project-display-4.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Power Systems</h3>
                                                <span class="catagory">factory / industry</span>
                                                <a href="project-details.html"><img class="img-fluid" src="static/picture/right-arrow.png" alt=""></a>
                                            </div>
                                        </div>
                                        <!-- End Project Display Single Item  -->
                                    </div>

                                </div>
                                <!-- If we need navigation buttons -->
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col text-center p-t-100">
                    <a href="project-list.html" class="btn btn-lg btn-primary">All Projects<i class="icofont-double-right icon-space-left"></i></a>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Project Display Section :::::.... -->

        <!-- .....:::::: Start Testimonial Display Section :::::.... -->
        <div class="testimonial-display-section section-top-space section-inner-gap section-inner-bg section-fluid pos-relative">
            <div class="container">
                <div class="row">
                    <div class="col-xxl-5">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space text-center text-xxl-start">
                            <h4 class="title-tag text-gradient">happy customer</h4>
                            <h2 class="title title-dash">SAY ABOUT US.</h2>
                        </div>
                        <!-- End Section Content -->

                        <div class="tab-content">
                            <div class="testimonial-single-item tab-pane fade show active" id="testimonial-1" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Tonya Anderson</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-2" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Kevin L. Davis</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-3" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Todd A. Hogan</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-4" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Harold S. Powers</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-5" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Adriana M. Hennessy</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-6" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Paula M. Miller</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-7" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Nicky F. Eickhoff</h2>
                                    <span class="designation">CEO OF INDUSTE, USA</span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-xl-6 offset-lg-1 d-none d-xxl-block">
                        <div class="quite-icon">
                            <img src="static/picture/quotation-orange.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <ul class="testimonial-tab nav nav-tabs" role="tablist">
                <li class="nav-item textimonial-curve-border textimonial-curve-border-outside">
                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#testimonial-1">
                        <img src="static/picture/testimonial-person-1.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-3">
                        <img src="static/picture/testimonial-person-3.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-7">
                        <img src="static/picture/testimonial-person-7.png" alt="">
                    </button>
                </li>

                <li class="nav-item textimonial-curve-border textimonial-curve-border-center">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-2">
                        <img src="static/picture/testimonial-person-2.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-6">
                        <img src="static/picture/testimonial-person-6.png" alt="">
                    </button>
                </li>

                <li class="nav-item textimonial-curve-border textimonial-curve-border-inside">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-4">
                        <img src="static/picture/testimonial-person-4.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-5">
                        <img src="static/picture/testimonial-person-5.png" alt="">
                    </button>
                </li>
            </ul>
        </div>
        <!-- .....:::::: End Testimonial Display Section :::::.... -->

        <!-- .....:::::: Start Client Logo Display Section :::::.... -->
        <div class="client-logo-display-section section-top-space">
            <div class="client-logo-display-wrapper ">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="client-logo-slider border-bottom-thick p-b-160">
                                <!-- Slider main container -->
                                <div class="swiper-container">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="blog-details.html" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-1.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-1.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-3.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-4.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-5.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Client Logo Display Section :::::.... -->

        <!-- .....:::::: Start Blog Feed Display Section :::::.... -->
        <div class="blog-feed-display-section section-top-space section-fluid">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-xxl-4 col-xl-6">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space">
                            <h4 class="title-tag text-gradient">BLOG POST</h4>
                            <h2 class="title">LATEST NEWS FROM OUR BLOG</h2>
                            <p>Lorem Ipsum is simply dummy text of
                                been the industry standard.</p>

                            <a href="blog-list.html" class="btn btn-lg btn-primary">View All Blog</a>
                        </div>
                        <!-- End Section Content -->
                    </div>

                    <div class="col-xxl-8 col-xl-6">
                        <div class="blog-feed-slider">
                            <!-- Slider main container -->
                            <div class="swiper-container">
                                <!-- Additional required wrapper -->
                                <div class="swiper-wrapper">
                                    <!-- Slides -->
                                    <!-- Start Blog Feed Single Item  -->
                                    <div class="blog-feed-slider-single-item swiper-slide">
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>

                                        <div class="content">
                                            <ul class="blog-meta meta-box">
                                                <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                                <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">08K</span></a></li>
                                                <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">15K</span></a></li>
                                            </ul>

                                            <h3 class="title"><a href="blog-details.html">Business plan will help you figure out
                                                    how much money you’ll need to start.</a></h3>

                                            <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                                <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                        </div>
                                    </div>
                                    <!-- End Blog Feed Single Item  -->
                                    <!-- Start Blog Feed Single Item  -->
                                    <div class="blog-feed-slider-single-item swiper-slide">
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-2.png" alt="">
                                        </a>

                                        <div class="content">
                                            <ul class="blog-meta meta-box">
                                                <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                                <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">08K</span></a></li>
                                                <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">15K</span></a></li>
                                            </ul>

                                            <h3 class="title"><a href="blog-details.html">The Truth About Power Is About To Be Revealed.</a></h3>

                                            <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                                <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                        </div>
                                    </div>
                                    <!-- End Blog Feed Single Item  -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Blog Feed Display Section :::::.... -->

        <!-- .....:::::: Start Default Inner Form Section :::::.... -->
        <div class="default-inner-form-section section-top-space section-inner-gap section-inner-bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space">
                            <h4 class="title-tag text-gradient">BOOKING NOW</h4>
                            <h2 class="title">BOOK FOR SERVICE</h2>
                            <p>It is long established fact that a reader will
                                distracted by the reasdable.</p>
                        </div>
                        <!-- End Section Content -->
                    </div>
                    <div class="col-xl-6 offset-xl-1">
                        <div class="default-inner-form-wrapper">
                            <form class="form-group" action="#" method="post">
                                <div class="row mb-n6">
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Name *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="email" placeholder="Email *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="tel" placeholder="Phone *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Location *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <select>
                                                <option value="">Fuel Mining</option>
                                                <option value="">Cole Mining</option>
                                                <option value="">Gold Mining</option>
                                            </select>
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6 text-center">
                                        <button type="submit" class="btn btn-lg btn-primary icon-space-right"><i class="icofont-ui-calendar"></i> Booking Now </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Default Inner Form Section :::::.... -->

        <!-- .....:::::: Start Footer Section :::::.... -->
        <footer class="footer-section footer-bg">
            <!-- Start Footer Top -->
            <div class="footer-top">
                <div class="container">
                    <div class="footer-top-wrapper">
                        <!-- Start Footer Logo -->
                        <a href="" class="logo">
                            <img class="img-fluid" src="static/picture/logo-dark.png" alt="">
                        </a>
                        <!-- End Footer Logo -->

                        <!-- Start Footer Newsletter -->
                        <div class="newsletter">
                            <div class="content">
                                <h4 class="title-tag text-gradient">SUBSCRIBE NOW</h4>
                                <h3 class="sub-title">GET UPDATE EVERYTHING</h3>
                            </div>
                            <div class="newsletter-form">
                                <form class="newsletter-form-group" action="#" method="post">
                                    <input type="email" placeholder="Enter your email" required="">
                                    <button class="newsletter-submit-btn text-gradient" type="submit"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- Start Footer Newsletter -->
                        <!-- <div class="bg-color-dark-red"></div> -->
                    </div>
                </div>
                <div class="bg-color-bold-red"></div>
            </div>
            <!-- Start Footer Top -->

            <!-- Start Footer Center -->
            <div class="footer-center section-top-space">
                <div class="container">
                    <div class="row justify-content-xl-between">
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">CONTACT US</h3>

                                <ul class="footer-about">
                                    <li>
                                        <div class="text"><span class="text-marker">Location:</span>Your address goes here.</div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Phone:</span><a href="tel:+0123456789">0123456789</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Web:</span><a href="javascript:;">www.example.com</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Email:</span> <a href="mailto:demo@example.com">demo@example.com</a> </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">RECENT NEWS</h3>

                                <ul class="footer-blog">
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">OUR SERVICES</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Energy & Utilities</a></li>
                                    <li><a href="#">Industrial Manufacturing</a></li>
                                    <li><a href="#">Industrial Automation</a></li>
                                    <li><a href="#">Mechanical Engineering</a></li>
                                    <li><a href="#">Industrial Construction</a></li>
                                    <li><a href="#">Oil & Gas Energy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">QUICK LINKS</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Company</a></li>
                                    <li><a href="#">Help Center</a></li>
                                    <li><a href="#">Management</a></li>
                                    <li><a href="#">Our Team</a></li>
                                    <li><a href="#">Career</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Center -->

            <!-- Start Footer Bottom -->
            <div class="footer-bottom ">
                <div class="container">
                    <div class="row justify-content-md-between justify-content-center align-items-center flex-column-reverse flex-md-row">
                        <div class="col-auto">
                            <div class="footer-bottom-left">
                                <div class="footer-copyright">
                                    <p class="copyright-text">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="footer-bottom-right">
                                <ul class="footer-soacial">
                                    <li><a href="javascript:;" target="_blank">Facebook</a></li>
                                    <li><a href="javascript:;" target="_blank">Twitter</a></li>
                                    <li><a href="javascript:;" target="_blank">Instagram</a></li>
                                    <li><a href="javascript:;" target="_blank">LinkedIn</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->
        </footer>
        <!-- .....:::::: End Footer Section :::::.... -->

    </main>

    <!-- material-scrolltop button -->
    <button class="material-scrolltop" type="button"></button>


    <!-- ::::::::::::::All JS Files here :::::::::::::: -->
    <!-- Global Vendor, plugins JS -->
    <!-- <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/parallax.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/waypoint.js"></script>
    <script src="assets/js/plugins/counter.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="static/js/vendor.min.js"></script>
    <script src="static/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="static/js/main.js"></script>

</body>

</html>
